<!doctype html>
<html lang="en" xmlns:th="http://www.thymeleaf.org">
<head>
    <meta charset="UTF-8">
    <meta name="viewport"
          content="width=device-width, user-scalable=no, initial-scale=1.0, maximum-scale=1.0, minimum-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <title>Document</title>
    <link rel="stylesheet" th:href="@{/assets/css/evalute.css}">
    <script language="JavaScript" type="text/javascript">
        var _offset = 0;
        function _$id(_obj) {
            return document.getElementById(_obj);
        }
        function _$Pages(_i) {
            _$id("Content").scrollTop = (_$id("Content").clientHeight*_i);
            ab=document.getElementById("pages")
            aa=ab.getElementsByTagName("a").length
            for(k=0;k<aa;k++){
                if(k==_i){ab.getElementsByTagName("a")[k].style.color="red";
                }else{
                    ab.getElementsByTagName("a")[k].style.color="#000000"
                }
            }
        }
        function _$InitPages() {
            var _s='';
            _offset = _$id("Content").clientHeight;
            var _top = _$id("Content").scrollTop;
            for (var i=0;i<(_$id("Content").scrollHeight/_offset);i++) {
                _s+=('<a href="javascript:void(0);" onclick="javascript:_$Pages('+i+');" onfocus="this.blur()" title="Page&nbsp;'+(i+1)+'">'+(i+1)+'</a>&nbsp;&nbsp;&nbsp;&nbsp;');
            }
            _$id("Pages").innerHTML=_s;
        }
    </script>
</head>
<body  onload="_$InitPages()">
<div id="Main_News">
<div id="Content">
    <ul class="cmt_1st" method="commentList">
        <li th:each="message:${messages}">
            <div class="cmt_userinfo" style="float: left">
                <div class="cmt_pic"><span class="cmtpicico cmtpicico_bgc7">用户</span>
                    <p class="cmt_un" th:text="${message.getMessageUserName()}"></p><i class="uicon_level1">达人</i>
            </div>
            </div>
            <div class="cmt_info_mn">
                <div class="cmt_if_hd">
                    <div class="if_hd"><span class="cmt_tag2" style=" background: #eff7ff;
            font-size: 12px;
            color: #555;
            padding: 2px 8px;
            border-radius: 3px;" th:text="${message.getMessageRoomName()}"></span></div>
                    <div class="if_hd_r"><span class="cmt_con_time">2016-01-16</span></div>
                </div>
                <p class="cmt_txt" th:text="${message.getMessage()}"><i
                        class="cmt_quality"></i>
                </p>
                <br/>
            </div>
        </li>
        <li th:each="message:${messages}">
            <div class="cmt_userinfo" style="float: left">
                <div class="cmt_pic"><span class="cmtpicico cmtpicico_bgc7">用户</span>
                    <p class="cmt_un" th:text="${message.getMessageUserName()}"></p><i class="uicon_level1">达人</i>
                </div>
            </div>
            <div class="cmt_info_mn">
                <div class="cmt_if_hd">
                    <div class="if_hd"><span class="cmt_tag2" style=" background: #eff7ff;
            font-size: 12px;
            color: #555;
            padding: 2px 8px;
            border-radius: 3px;" th:text="${message.getMessageRoomName()}"></span></div>
                    <div class="if_hd_r"><span class="cmt_con_time">2016-01-16</span></div>
                </div>
                <p class="cmt_txt" th:text="${message.getMessage()}"><i
                        class="cmt_quality"></i>
                </p>
                <br/>
            </div>
        </li>
        <li th:each="message:${messages}">
            <div class="cmt_userinfo" style="float: left">
                <div class="cmt_pic"><span class="cmtpicico cmtpicico_bgc7">用户</span>
                    <p class="cmt_un" th:text="${message.getMessageUserName()}"></p><i class="uicon_level1">达人</i>
                </div>
            </div>
            <div class="cmt_info_mn">
                <div class="cmt_if_hd">
                    <div class="if_hd"><span class="cmt_tag2" style=" background: #eff7ff;
            font-size: 12px;
            color: #555;
            padding: 2px 8px;
            border-radius: 3px;" th:text="${message.getMessageRoomName()}"></span></div>
                    <div class="if_hd_r"><span class="cmt_con_time">2016-01-16</span></div>
                </div>
                <p class="cmt_txt" th:text="${message.getMessage()}"><i
                        class="cmt_quality"></i>
                </p>
                <br/>
            </div>
        </li>
        <li th:each="message:${messages}">
            <div class="cmt_userinfo" style="float: left">
                <div class="cmt_pic"><span class="cmtpicico cmtpicico_bgc7">用户</span>
                    <p class="cmt_un" th:text="${message.getMessageUserName()}"></p><i class="uicon_level1">达人</i>
                </div>
            </div>
            <div class="cmt_info_mn">
                <div class="cmt_if_hd">
                    <div class="if_hd"><span class="cmt_tag2" style=" background: #eff7ff;
            font-size: 12px;
            color: #555;
            padding: 2px 8px;
            border-radius: 3px;" th:text="${message.getMessageRoomName()}"></span></div>
                    <div class="if_hd_r"><span class="cmt_con_time">2016-01-16</span></div>
                </div>
                <p class="cmt_txt" th:text="${message.getMessage()}"><i
                        class="cmt_quality"></i>
                </p>
                <br/>
            </div>
        </li>
        <li th:each="message:${messages}">
            <div class="cmt_userinfo" style="float: left">
                <div class="cmt_pic"><span class="cmtpicico cmtpicico_bgc7">用户</span>
                    <p class="cmt_un" th:text="${message.getMessageUserName()}"></p><i class="uicon_level1">达人</i>
                </div>
            </div>
            <div class="cmt_info_mn">
                <div class="cmt_if_hd">
                    <div class="if_hd"><span class="cmt_tag2" style=" background: #eff7ff;
            font-size: 12px;
            color: #555;
            padding: 2px 8px;
            border-radius: 3px;" th:text="${message.getMessageRoomName()}"></span></div>
                    <div class="if_hd_r"><span class="cmt_con_time">2016-01-16</span></div>
                </div>
                <p class="cmt_txt" th:text="${message.getMessage()}"><i
                        class="cmt_quality"></i>
                </p>
                <br/>
            </div>
        </li>
    </ul>
</div>
<div id="Pages">
</div>
</div>
</body>
</html>